<template>
	<view class="staPro">
		<view class="selPro" :style="{background:colorVal,width: widthVal}">
		</view>
	</view>
</template>

<script>
	export default {
		name:'stapro',
		props:{
			colorVal:{
					type: String,
					default: '#CCCCCC'
			},
			widthVal:{
				type: String,
				default: '2rpx'
			}
			
		},
		data() {
			return {
				selProStyle:{
					color: '',
					
				}
			}
		},
		mounted(){
			// console.log(this.widthVal)
		}
	}
</script>

<style lang="less">
	.staPro{
		float: right;
		width: 530rpx;
		height: 18rpx;
		background: #F4F4F4;
		border-radius: 4rpx;
		.selPro{
			float: left;
			height: 18rpx;
			background: #C6E2FF;
		}
	}
</style>